<%--
  Created by IntelliJ IDEA.
  User: zhangteng
  Date: 2018/1/9
  Time: 15:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>练习</title>
    <link href="css/2.css" rel="stylesheet" type="text/css"/>
</head>
<body>

<div id="header" class="main_div">
    <ul>
        <li><a href="#">Resume</a></li>
        <li><a href="#">Email me</a></li>
        <li><a href="#">Print CV</a></li>
        <li><a href="#">My Photo</a></li>
    </ul>
</div>
<div id="userInfo" class="main_div">

    <div id="userInfo_left">
        <div id="show_Image">
            <img id="user_icon" src="/img/pic1.jpg">
            <div id="show_content">
                <p class="p1">john doe</p>
                <p class="p2">Passionate Web Designer</p>
            </div>
        </div>
    </div>

    <div id="userInfo_right">
        <div id="info">
            <ul class="list_left">
                <li>Email:</li>
                <li>Website:</li>
                <li>Phone no:</li>
                <li>Address:</li>
            </ul>
            <ul class="list_right">
                <li>mail@example.com</li>
                <li>info@example.com</li>
                <li>123-456-7890</li>
                <li>1234k Avenue, 4th block, Newyork City.</li>
            </ul>
        </div>
    </div>
</div>

<div id="about">
    <div id="aboutMe">
        <h3 class="aboutMe_title">About Me</h3>
        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem
            aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
            Nemo enim ipsam voluptatem quia voluptas sit aspernatur . </p>
    </div>
</div>

<div id="w3">
    <div id="w3_title">
        <h1>DIV + CSS</h1>
    </div>
    <div id="w3_left">
        <p>"Never increase, beyond what is necessary, the number of entities required to explain anything." William of
            Ockham (1285-1349)</p>
    </div>
    <div id="w3_right">
        <h4>Free Web Building Tutorials</h4>
        <p><span>A</span>t W3School.com.cn you will find all the Web-building tutorials you need, from basic HTML and
            XHTML to advanced XML, XSL, Multimedia and WAP.</p>
        <p>W3School.com.cn - The Largest Web Developers Site On The Net!</p>
    </div>
    <div id="w3_footer">
        <p>Copyright 2008 by YingKe Investment.</p>
    </div>
</div>

</body>
</html>
